<template>
  <!-- 服务商信息 -->
  <view class="container">
    <view class="headcsss">
      <view class="name font-28 color-333">
        服务商信息
      </view>
      <view class="headimg" @click="uploadImage">
        <view class="headbox flex flex-jc-sb flex-ai-c">
          <view class="font-24 color-999">
            头像
          </view>
          <view class="flex flex-ai-c flex-jc-c">
            <view class="images mr-20">
              <image :src="perList.headportrait" mode="aspectFill"></image>
            </view>
            <view>
              <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
            </view>
          </view>
        </view>
      </view>
      <view class="headimg">
        <view class="headbox1 flex flex-jc-sb flex-ai-c mt-20">
          <view class="fwsname font-24 color-999">
            服务商名称
          </view>
          <view class="flex flex-ai-c flex-jc-c">
            <view class="images mr-20">
              <input class="inputname" v-model="perList.name" maxlength="8" /><!-- :value="perList.nickname" -->
            </view>
            <view>
              <i-icon icon="iconxiugai" type="single" size="32rpx" color="#999999"></i-icon>
            </view>
          </view>
        </view>
      </view>
      <view class="headimg">
        <view class="headbox1 flex flex-jc-sb flex-ai-c mt-20">
          <view class="fwsname font-24 color-999">
            联系方式
          </view>
          <view class="flex flex-ai-c flex-jc-c">
            <view class="images mr-20">
              <input class="inputname" v-model="perList.mobile" /><!-- :value="perList.nickname" -->
            </view>
            <view>
              <i-icon icon="iconxiugai" type="single" size="32rpx" color="#999999"></i-icon>
            </view>
          </view>
        </view>
      </view>
      <view class="headimg" @tap="showdz = true">
        <view class="bthbox flex flex-jc-sb flex-ai-c mt-20">
          <view class="font-24 color-999">
            所在地
          </view>
          <view class="flex flex-ai-c flex-jc-c">
            <view class="images mr-20">
              {{perList.province}}{{perList.city}}
            </view>
            <view>
              <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="renze mt-15" @click="addressClick">
      <view class="headimgs">
        <view class="bthboxs flex flex-jc-sb flex-ai-c">
          <view class="font-24 color-999">
            收货地址
          </view>
          <view class="flex flex-ai-c flex-jc-c">
            <view class="mr-20" v-if="perList.address_number === 0">
              暂无收货地址
            </view>
            <view class="mr-20" v-else>
              {{perList.address_number}}条收货地址
            </view>
            <view>
              <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="renze mt-15">
      <view class="headimgs">
        <view class="bthboxs flex flex-jc-sb flex-ai-c">
          <view class="font-24 color-999">
            企业成员
          </view>
          <view class="flex flex-ai-c flex-jc-c">
            <!-- @click="arrroveClick(perList.approve)" -->
            <view class="imagess mr-20">
              <text>{{perList.count}}人</text>
            </view>
            <view>
              <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="preservation" @click="preserClick">
      保存
    </view>
    <view class="myQRCode">
      <view class="name font-28 color-333">
        我的二维码
      </view>
      <view class="codeimg flex flex-jc-c">
        <image src="https://files.yzsheng.com/client/commodity/erweima@2x.png" mode="aspectFill"></image>
        <view class="codename" @click="copyCode(perList.invitecode)">
          <text class="mr-15">{{perList.invitecode}}</text>
          <i-icon icon="iconfuzhi" type="single" size="37rpx" color="#999999"></i-icon>
        </view>
        <view class="codeimgs">
          <image :src="perList.app_QR_code" mode="aspectFill"></image>
        </view>
      </view>
      <view class="tishi font-26 color-666">
        好友注册后你将获得39元全城免费洗车券&1000元 购车券好友也将领取到同等价值优惠券
      </view>
      <view class="share flex flex-jc-c">
        <view class="sharebox" @click="goPartner('WXSceneSession')">
          <i-icon icon="iconweixin" type="single" size="70rpx" color="#46bb36"></i-icon>
          <view class="sharename font-26 color-333 mt-10">
            微信
          </view>
        </view>
        <view class="sharebox" @click="goPartner('WXSenceTimeline')">
          <i-icon icon="iconpengyouquan" type="multiple" size="70rpx"></i-icon>
          <view class="sharename font-26 color-333 mt-10">
            朋友圈
          </view>
        </view>
        <view class="sharebox" @click="saveImgLocal(perList.app_QR_code)">
          <i-icon icon="iconbaocunbendi" type="single" size="70rpx" color="#47A2FF"></i-icon>
          <view class="sharename font-26 color-333 mt-10">
            保存到本地
          </view>
        </view>
      </view>
    </view>

    <!-- 选择性别-->
    <u-popup v-model="sexpopup" mode="bottom" border-radius="30">
      <view class="hgzbox" style="height: 300rpx;">
        <view class="gejucss" @click="sexclicks(item)" v-for="(item,index) in sexlist" :key="index">
          {{item.name}}
        </view>
        <view class="quxiao" @tap="sexpopup = false">
          取消
        </view>
      </view>
    </u-popup>
    <!-- 车辆所在地-->
    <recom :showdz="showdz" :title="'提车城市'" @close="close" @confirmdz="confirmdz"></recom>
  </view>
</template>

<script src="./serviceInformation.js"></script>
<style src="./serviceInformation.scss" lang="scss" scoped></style>
